<template>
    <div>
        <ul>
            <li v-for="(item,index) in arr" :key="index">{{item}}</li>
        </ul>
        <button @click="revBtn">数组翻转</button>
    </div>
</template>

<script>
export default {
    name: 'VuecliDemoApp',

    data() {
        return {
            arr:[10,20,30,40,50],
        };
    },

    mounted() {
        
    },

    methods: {
        revBtn(){
            this.arr.reverse()
        }
    },
};
</script>

<style>

</style>